﻿
@{
    ViewBag.Title = "微信群列表";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
  
    <div class="col-lg-4 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix" style="background-image: url(img/samples/nature2.jpg);">
                    <img src="http://wx.qlogo.cn/mmopen/k0fD4SOaicJFsnJgWjlVib2CONe5E1NF6tYD78phkCh5N4mTLJwRy7kh4ic5yXWKcqCrKjec1fddGOFO3Okc1Q8fW37cJALeZNA/0" alt="" class="profile-img img-responsive" />
                    <h4>上淘宝购物优惠福利群11011<br /></h4>
                    <div class="job-position">
                        徐鑫
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> 今日发单数量
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i>当前群人数
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> 今日订单数
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> 累计金额
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-2 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix">
                    <img src="http://wx.qlogo.cn/mmopen/o71w2OuQ8ia0Q8X381Gcf2HQ7YI5vbQcyFRDWjBcBWXfptprTL8TudLVsxZa7cW2G1KSWEt1WqMUO8j6UMuVx5EFSeJwNuEXk/0" alt="" class="profile-img img-responsive" />
                    <h2>Angelina<br />Jolie</h2>
                    <div class="job-position">
                        Actress
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> New notifications
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i> Edit profile
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> Calendar
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> New message
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-2 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix" style="background-image: url(img/samples/nature2.jpg);">
                    <img src="http://wx.qlogo.cn/mmopen/o71w2OuQ8ia0Q8X381Gcf2NO12K5Up6Dg6hcicZTxb2oE3osZWkucpw1MGPjl5Ho43NXHWuwlI8B9nkJwfYeHfcOJiaHk2Hta3I/0" alt="" class="profile-img img-responsive" />
                    <h2>Angelina<br />Jolie</h2>
                    <div class="job-position">
                        Actress
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> New notifications
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i> Edit profile
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> Calendar
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> New message
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-2 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix">
                    <img src="http://wx.qlogo.cn/mmopen/k0fD4SOaicJEt22RgVQb7y0GeyIRPpiaNAoZKjDicU3loVZ8EyKviaicFdJibj0niaQW323IgvyGHjOmTYFK3KPic7DaRmk3X0oSU7d1/0" alt="" class="profile-img img-responsive" />
                    <h2>Angelina<br />Jolie</h2>
                    <div class="job-position">
                        Actress
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> New notifications
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i> Edit profile
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> Calendar
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> New message
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-2 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix" style="background-image: url(img/samples/nature2.jpg);">
                    <img src="http://wx.qlogo.cn/mmopen/k0fD4SOaicJFmRiapuY6lppicPBDBicNajiaicViacZshJzw04j7vptib7AIOfV6yPopoJaS0JL7Vzj2icChm1oxFgqibFeFibP8NxflCgI/0" alt="" class="profile-img img-responsive" />
                    <h2>Angelina<br />Jolie</h2>
                    <div class="job-position">
                        Actress
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> New notifications
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i> Edit profile
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> Calendar
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> New message
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-2 col-md-5 col-sm-6">
        <div class="main-box clearfix profile-box-menu">
            <div class="main-box-body clearfix">
                <div class="profile-box-header blue-bg clearfix">
                    <img src="http://wx.qlogo.cn/mmopen/9znJn9YoicHE2wwkedYtroDPcbUVAUSc8BPMxG1sbYLYnKjibeq8X8bwLwUeBIYQ7nZtZSynrhwdURavyRFLiaLYRZdYAtFxve1/0" alt="" class="profile-img img-responsive" />
                    <h2>Angelina<br />Jolie</h2>
                    <div class="job-position">
                        Actress
                    </div>
                </div>
                <div class="profile-box-content clearfix">
                    <ul class="menu-items">
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-bell-o fa-lg"></i> New notifications
                                <span class="label label-danger label-circle pull-right">82</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-user fa-lg"></i> Edit profile
                                <span class="label label-success label-circle pull-right">13</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-calendar fa-lg"></i> Calendar
                                <span class="label label-warning label-circle pull-right">12</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="clearfix">
                                <i class="fa fa-envelope fa-lg"></i> New message
                                <span class="label label-primary label-circle pull-right">44</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

